/*
 * @Author: shawnxiao
 * @Date: 2021-07-06 09:37:59
 * @LastEditTime: 2021-11-15 10:05:17
 * @FilePath: /project/src/index/components/CardBox/index.tsx
 */
import React from 'react'
import { Card } from 'antd'
import './index.less'

function CardBox({title, icon, extra, children}:any) {
  return (
    <Card
      className='app-container-card'
      title={<h4 className='card-title-row'>{icon ? <i className="icon">{icon}</i> : null}{title}</h4>}
      bordered={false}
      extra={extra ? extra : null}
    >
        {children}
    </Card>
  )
}

export default CardBox
